import { Component } from '@angular/core';
import {BaseComponent} from './BaseComponent';
@Component({
    selector: 'my-app',
    template:`  
    <div id="ShellID-brand"></div>
    <header class="bgtoolbar">
        <div id="ShellID-header-hdr-begin">
            <a href="#">
                <i class="icon-header fa fa-bars" aria-hidden="true"></i> 
            </a>
            <div class="linespace" style="width:2px"></div>
            <a href="#">
                <i class="icon-header fa fa-home" aria-hidden="true"></i> 
            </a>
            <div class="linespace"></div>
        </div>
        <div id="ShellID-header-hdr-center">
            <span class="titleHeader">ALH</span>
        </div>
        <div id="ShellID-header-hdr-end">
            <div class="linespace"></div>
             <a href="#">
                <i class="icon-header fa fa-user" aria-hidden="true"></i> 
            </a>
        </div>
    </header>
    <main>
        <router-outlet></router-outlet> 
    </main>
    `
})
export class AppComponent extends BaseComponent { }
